サンプル・9
★ サンプル・9 ★
1.表題をつけたテーブル
(ソース)
<TABLE border="2" width="500">
<CAPTION>表題</CAPTION>
<TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR><TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE> |
(表示例)
表題
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3行1列め | 3行2列め | 3行3列め |
2.表題の位置
■表題の位置を右側に設定
(ソース)
<TABLE border="2" width="500">
<CAPTION align="right">表題</CAPTION>
<TR><TD>1行1列め</TD><TD>1行2列め</TD><TD>1行3列め</TD></TR>
<TR><TD>2行1列め</TD><TD>2行2列め</TD><TD>2行3列め</TD></TR>
<TR><TD>3行1列め</TD><TD>3行2列め</TD><TD>3行3列め</TD></TR>
</TABLE> |
(表示例)
表題
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3行1列め | 3行2列め | 3行3列め |
■表題の位置を左側に設定
上のソースで、align属性の値を「left」にすると
表題
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3行1列め | 3行2列め | 3行3列め |
■表題の位置を下部に設定
上のソースで、align属性の値を「bottom」にすると
表題
1行1列め | 1行2列め | 1行3列め |
2行1列め | 2行2列め | 2行3列め |
3行1列め | 3行2列め | 3行3列め |
※ 初期値では、表題は表上部の中央に表示されます。
ブラウザの中にはleftとrightの値に未対応のものがあります。